<template>
    <div class="image" @click = "get">
        <!-- <img :src="imgUrl" alt="首页">
        <div class="title">{{num}}</div> -->
        <slot></slot>
        <slot></slot>
    </div>
</template>

<script>
export default {
  name: 'FootBar',
  data () {
    return {
        imgUrl: require('@/assets/Home.png'),
        num: 1231
    }
  },
  methods:{
      get(){
        this.$emit("fromFootBar",this.id)
      }
  },
  props:{
      id:String
  }
}
</script>

<style>

    img {
        width: 70px; 
    }

    .image {
        width: 18.8%;
        text-align:center;
        display: inline-block;
    }
</style>